<head>
    <link rel="stylesheet" href="reset.css">
</head>

<style>
    .grid{
        display: flex;
        width: 95px;
        height: 95px;
        margin: 50px auto;
        background-color: darkgray;
    }
    .grid span{
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: black;
        margin: 4px;

        color: aliceblue;
        text-align: center;
        line-height: 24px;
    }
</style>

<body>
    <div class="grid" style="flex-wrap:wrap;align-content:space-between;">
        <div style="display:flex; flex-basis:100%;justify-content:space-between ">
            <span>1</span>
            <span>2</span>
        </div>

        <div style="display: flex; flex-basis:100%; justify-content:space-between ">
            <span>3</span>
            <span>4</span>
            <span>5</span>
        </div>
    </div>

    <hr>

    <div class="grid" style="justify-content: space-between;">
        <span>1</span>
        <span style="align-self: flex-end;">2</span>
    </div>

</body>